
.footer{ background-color: #f8f8f8; margin: 3.2rem auto 0; box-shadow: 0 0 6px rgba(0,0,0,.05); text-align: left; position: relative; z-index: 5; border-top: none; padding-top: 0;}
.out_links{ padding:1.6rem 0; position: relative; font-size: 1.4rem; z-index: 6;}
.out_links>ul{*width: 100%;}
.out_links>ul:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.out_links>ul>li p{ padding-left:1.6rem; line-height:4rem; border: 1px solid #e5e5e5; background-color: #ffffff; text-align: left; position: relative; cursor: pointer; transition: .3s all; z-index: 6;}
.out_links>ul>li p:before{ content: ''; position: absolute; right:1.2rem; top:1.6rem; transition: .3s all; width:1rem; height:.6rem; background: url(21_header_arr2.png) no-repeat;}
.out_links>ul>li>div{display: none; position: absolute; left: 1rem; right: 1rem; z-index: 8; bottom:4rem; background-color:#ffffff; padding: 1.6rem 2rem 1.5rem 3rem; border: 1px solid #eeeeee;}
.out_links>ul>li ul li{ line-height: 3rem;}
.website_info{ line-height:3.6rem; font-size: 1.4rem; padding-top:1.4rem; }
.website_info p em{ font-style: normal; margin: 0 .8rem;}
.website_info p img{ margin-right: .8rem;}
.website_info p span{ margin-right:2rem; display: inline-block;}
.website_info p span:last-child{ margin-right: 0;}
.media_info{ position: relative; z-index: 7;}
.media_info .trt-row{ margin: 0 -.3rem;}
.media_info .trt-row [class*=trt-col-]{ padding: 0 .3rem;}
.media_info h3{ font-size:1.4rem; line-height:4.2rem;}
.media_info li{ margin-bottom:1rem; position: relative; z-index: 4;}
.media_info li a{ display: block; line-height:3.8rem; height:3.8rem; text-align: center; background-color: #ebebeb; position: relative; font-size: 1.4rem;}
.media_info li a:hover{ background-color: #1658a0; color: #ffffff;}
.media_info li a span{ width: 2.4rem; height: 2.4rem; line-height: 2.4rem; margin-right: .8rem; overflow: hidden; font-size: 2.4rem; color: #666666;}
.media_info li:hover span{ color: #ffffff;}
.media_info li .ewm_tu{ position: absolute; left: 0; bottom:5.2rem; z-index: 999; text-align: center; right:.6rem; height: 16.8rem; line-height: 16.8rem; display: none; background-color: #ffffff;  box-shadow:0 2px 10px rgb(9 41 77 / 15%);}
.media_info li:hover .ewm_tu:after { content: ""; position: absolute; bottom: -.35rem; left:2rem; width:2.6rem; height:2.6rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff}
.media_info li:hover .ewm_tu{ display: block;}
.media_info li:hover{ z-index: 5;}
.error_img{ padding-top: 2rem; text-align: right; margin: 0 -1rem;}
.error_img span{display: inline-block;line-height: 8.8rem;margin-top: 2rem;}
.error_img span a{ display: block;}
.copyright_info{ border-top: 1px solid #e2e2e2; padding: 1.2rem 0; margin-top: 2rem; line-height: 2.6rem; font-size: 1.4rem; text-align: center; overflow: hidden;}
.copyright_info p span{ margin: 0 1.2rem;}
.out_links_close,.out_links_bg{ display: none;}

.slb .footer .out_links{ padding-bottom: 0;}
.slb .footer li{ width: 33.3%; margin-bottom: 1.6rem;}
.slb .website_info{ line-height: 3rem;}
.slb .media_info{ display: none;}
.slb .footer .trt-col-12{ width:74%;}
.slb .footer .trt-col-4{ width: 26%;}
.slb .out_links>ul>li ul{ bottom: 12rem;}

@media screen and (max-width:1300px) {
	
	.error_img span #imgConac{ width: 70px;}
	.error_img span#_span_jiucuo{ width: 90px;}
/* 	.media_info li{ width:80%;} */
}
@media screen and (max-width:1180px) {
	
	.error_img span #imgConac{ width: 60px;}
	.error_img span#_span_jiucuo{ width: 80px;}
}
@media screen and (max-width:992px) {
	.footer{ margin-top: 2rem; text-align: center;}
	.out_links{ text-align: center; line-height:1.5rem; font-size: 0; z-index: 999;}
	.out_links li[class*=trt-col-]{ width: auto; display: inline-block; padding: 0 1.6rem; float: inherit; font-size: 1.4rem; position: relative;}
	.out_links li:before{ content: ''; position: absolute; right: 0; width: 1px; top: 50%; margin-top: -1rem; height: 2rem; background-color: #cccccc;}
	.out_links li:nth-child(3):before{ display: none;}
	.out_links li:last-child:before{ display: none;}
	.out_links>ul>li p:before,.error_img,.media_info{ display: none;}
	.out_links>ul>li p{ border: none; background-color: transparent; line-height:2.4rem; padding-left: 0; font-size: 1.4rem;}
	.out_links_close{ z-index: 1000;display: none;position: fixed;left: 50%;transform: translateX(-50%);width: 3.4rem;height: 3.4rem; line-height: 3.4rem; border: 1px solid #e4e4e4;background-color: #ffffff;bottom:2rem;border-radius: 50%;}
	.out_links_close i{ color: #cccccc;}
	.website_info{ text-align: center;}
	.copyright_info{ margin-top: 1rem;}
	.copyright_info p:last-child{ display: none;}
	.copyright_info p span{ display: block;}
	.out_links_bg{ position: fixed; top:0; bottom: 0; right: 0; left: 0; background-color: #000000; opacity: .7; display: block; z-index: 99; display: none;}
	.out_links>ul>li ul{position: fixed;top:2rem;bottom:7rem;right: 2rem;left: 2rem;z-index:1000;overflow-y: auto;padding: 1.6rem;border: none;border-radius:.8rem;}
	.out_links>ul>li ul li{ width: 100%; text-align: left; line-height: 4rem; border-bottom: 1px solid #eeeeee;}
	.website_info{ line-height: 2.8rem;}
	.website_info p span{ display: block; margin: 0 auto;}
	.website_info a{ display: inline-block;}
	.slb .footer li{ margin-bottom: .8rem;}
	.slb .out_links li:before{ display: none;}
	.slb .footer .trt-col-12{ width: 100%;}
	.slb .out_links>ul>li ul{ bottom: 7rem;}
	.slb .out_links>ul>li ul li{ width: 100%;}
	.slb .out_links>ul{ z-index: 1000;}
	.slb .footer .row.mar_t_base{ z-index: 4;}
}